/* @import 'our-team.css'; */

/* ==========================================================================
   Normalize + Plugins
   ========================================================================== */
   
/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/* font used for icons - pictographs *//*  IcoMoon */ 
@font-face {
  font-family: 'ibc-icons';
  src:url('../font/ibc-icons.eot');
  src:url('../font/ibc-icons.eot?#iefix') format('embedded-opentype'),
  url('../font/ibc-icons.svg#ibc-icons') format('svg'),
    url('../font/ibc-icons.woff') format('woff'),
    url('../font/ibc-icons.ttf') format('truetype');
    
  font-weight: normal;
  font-style: normal;
}

/* Uses data attributes to insert icons */
[data-icon]:before {
  font-family: 'ibc-icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
  
html,
button,
input,
select,
textarea {
    color: #000;   
}

html {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, sans-serif;
  font-size: 0.9em;
  line-height: 1.4;
  background: #2A2A2A; 
}

body.page1 {
  overflow: hidden;
  height: 1000px;
}

body.mobileb {
  background: #2A2A2A;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/* 
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

nav ul {
    *zoom: 1;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Structure styles
   ========================================================================== */
/* swatch */
.blue { color: #b3d4fc; }
.light-blue { color: #00adef; }

a {
  color: #00adef;
  text-decoration: none;
}

.wrapper {
  margin: 0 auto;
  position: relative;
} 

body.mobileb #main form#aspnetForm,
body.mobileb #main form#aspnetForm .main-content,
body.mobileb #main form#aspnetForm .main-content .main-bg
{ background: #FFF; }

body.desktopb #main form#aspnetForm,
body.desktopb #main form#aspnetForm .main-content,
body.desktopb #main form#aspnetForm .main-content .main-bg
{ background: #FFF; }

body.desktopb.page1 #main {
  overflow: hidden;
}

#main {
  min-height: 100%;
}

.formRow {
  margin-bottom: 6px;
}

/* Header */
#header {
  position: relative;
  z-index: 50;
  background-color: #2a2a2a;
}

#header .logo {
    margin: 15px  auto;    
    display: block;
    width: 75px;
}
#header .logo img {
    width: 100%;
}

#header > div a.logo {
  display: block;
}

/* Menu Controls [navigation styles are under Module Styles > List Navigation] */
.menu-control {
  color: #fff;
  cursor: pointer;
  font-size: 26px;
  position: absolute;
  right: 33px;
  top: 5px;
}
.menu-control .close {
  display: none;
}
.menu-control .open {
  display: block;
}
.menu-control.expanded .open {
  display: none;
}
.menu-control.expanded .close {
  display: block;
}

#main-menu-control, #utility-menu-control  {
  font-size: 26px;
  margin-top: -17px;
  top: 50%;
}

#utility-menu-control {
  right: 76px;
}

/* Main content */
.main-content {
  min-width: 280px;
  position: relative;
  
  padding: 0 20px 20px;
}
.main-content #verdiSection283 > div > ul > li {  
  padding-left: 28px;
}
.main-content #verdiSection283 > div > ul > li.hasChildrenLi {
  background: url(../img/img_plus.png) no-repeat left 9px transparent;
}
.main-content #verdiSection283 > div > ul > li.hasChildrenLi.currentLi, .main-content #verdiSection283 > div > ul > li.currentParentLi.hasChildrenLi {
  background: url(../img/img_minus.png) no-repeat left 9px transparent;
}

.main-content #verdiSection283 > div > ul > li.currentLi li a {
  font-weight: normal;
}
.main-content #verdiSection283 > div > ul > li.currentLi a,
.main-content #verdiSection283 > div > ul > li.currentParentLi li.currentLi a {
  font-weight: bold;
}

.main-content .main-bg {
  width: 100%;
  background-size: 100%;
  height: auto;
}
/* Page background */
#desktopImage {
  display: none;
}
#mobileImage {
  display: inline;
}

body .main-content .main-bg {
  position: fixed;
  top: 57px;
}
.main-content .main-bg img{
  width: 100%;
  height: auto;
}

.resizable-content {
  position: static !important;
}
  
.resizable-content h1 {
  font-size: 1.3em;
}
.resizable-content h2 {
  font-size: 1.2em;
}
.resizable-content .resize-fullscreen, .resizable-content .ui-resizable-handle {
  display: none;
}
 
.small-font {
  font-size: 11px;
}

.verdiErrorMsg {
    font-weight: bold;
    color: orange;
}

 
 /* Footer */
#footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #acacac;
  padding: 25px 15px 0;  
  background: #2a2a2a;
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
}

#footer a {
  color: #acacac;
}

#footer a:hover {
  color: #00adef;
}
#footer .col-one, #footer .gov-cms-footer {
  padding-bottom: 15px;
}

#footer .col-one strong {
  color: #fff;
}

#footer .social {
  margin-top: 10px;
}

#footer .social .icon {
  font-weight: bold;
  background: #777;
  color: #fff;
  font-size: 20px;
  display: inline-block;
  height: 30px;
  line-height: 34px;
  width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}

#footer .social icon:hover, #footer .social icon:active {
  color: #fff;
}

#footer .social .facebook .icon:hover, #footer .social .facebook .icon:active {
  background-color: #3D589A;
}

#footer .social .twitter .icon:hover, #footer .social .twitter icon:active {
  background-color: #2FCBFF;
}

#footer .social .linkedin .icon:hover, #footer .social .linkedin icon:active {
  background-color: #3D589A;
}


#footer .social .google-plus .icon:hover, #footer .social .google-plus icon:active {
  background-color: #D50F25;
}


#footer .col-two {
    padding-bottom: 50px;
}

#footer .phone {
  font-size: 18px;
}
#footer .powered {
  color: #fff;
}
#footer .powered a {
  color: #ffffff;
  font-weight: bold;
}
/* ==========================================================================
   Forms
   ========================================================================== */

label { padding: 2px 0; }

textarea, input[type=text], input[type=file] {
  width: 100%;
  max-width: 265px;
  padding: 2px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */  
}

input[type="submit"], input[type="reset"], input[type="button"] {
  background: #00adef;
  color: #fff;
  border: none;
  padding: 5px 25px;
  float: left;
      margin: 10px 0 10px 400px;
}

.dFormRequiredFieldInstruction .frmHdeFld {
  display: none;
}

.requiredStar {
  color: #f2060f;
}

.verdiForm td {
  padding-bottom: 12px;
  line-height: 1.9em;
}

.dFormRequiredFieldInstruction {
  padding-bottom: 10px;
}

.dynamicForms {
  width: 100%;
  margin: 0 250px;
}

.dFormHeaderText {
  color: #00ADEF;
  font-size: 18px;
  font-weight: bold;
}
.dFormDescription {
  font-size: 14px;
}

.dFormLabel {
  float: left;
}

.dfCheckDiv {
  display:inline;
  padding-right: 10px;
}

.dFormField {
    float: left;
    width: 100%;
}

.dFormField textarea {
  height: 60px;
  resize: none;
}

.submitRow {
  padding-top: 8px;
  text-align: center;
}

body.page38.mobileb .submitRow {
  text-align: left;
}
  
/* ==========================================================================
   Module styles
   ========================================================================== */
   
/***
* List Navigation
***/ 

/* Main & Utility Navigation */

.main-nav, .utility-nav {
    background: none repeat scroll 0 0 #000000;
    color: #fff;
    width: 100%;
    font-size: 16px;
    position: absolute;
    display: none;    
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 10px 10px;  
  }
  
  .main-nav a, .utility-nav a {
    display: block;
    color: #ffffff;
    padding: 10px 0;
    white-space: nowrap;
  }
  
  .main-nav a:hover, .utility-nav a:hover {
    color: #ffffff;
  }
  
  .main-nav li, .utility-nav li {
    position: relative;
    margin: 0;
    text-align: center;
  }
  
  .main-nav li ul, .utility-nav li ul {
    display: none;
  }
  
  .main-nav .currentParentLi, .utility-nav .currentParentLi {
    font-weight: normal;
  }
  
  .main-nav ul .expanded, .main-nav li:hover, .main-nav .currentLi, .main-nav .currentParentLi, .utility-nav li:hover, .utility-nav .currentLi, .utility-nav .currentParentLi {
    background: #00adef;
  }
  
  .main-nav ul ul .expanded, .main-nav li li:hover, .main-nav li .currentLi, .main-nav li .currentParentLi, .utility-nav li li:hover, .utility-nav li .currentLi, .utility-nav li .currentParentLi {
    background: #acacac;
  }
  
  .main-nav ul ul ul .expanded, .main-nav li li li:hover, .main-nav li li .currentLi, .main-nav li li .currentParentLi, .utility-nav li li:hover, .utility-nav li li .currentLi, .utility-nav li li .currentParentLi {
    background: #000;
  }
  

/* Footer Navigation */

footer nav li {
  list-style: none;
  display: inline;
  margin-left: 20px;
}

footer nav li.firstLink {
  margin-left: 0;
}


/* ==========================================================================
   Module & Plugin Styles
   ========================================================================== */
   
   
  /* Colorbox [lightbox] - strip what is not required */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
}

/*    User Style:     Change the following styles to modify the appearance of ColorBox. */
#cboxOverlay {
  background: #000;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #cccccc;
}

#cboxLoadedContent {
  border: 2px solid #464646;
  background: #fff;
  padding: 30px;
}

#cboxLoadedContent .dFormHeaderText {
  font-size: 18px;
}


#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc;
}

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(../img/colorbox/controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: bottom left;
}

#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(Templates/../img/colorbox.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: bottom right;
}

#cboxLoadingOverlay {
  background: #000;
}

#cboxLoadingGraphic {
  background: url(../img/colorbox/loading.gif) no-repeat center center;
}

#cboxClose {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  background: url(../img/close.png) no-repeat top left;
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  border: 0 none;
}

#cboxClose:hover {
  background-position: top right;
}

/* ==========================================================================
   Content styles
   ========================================================================== */

/* Home [page1] */

body.page1 .main-content {
  padding: 0;
}

body.page1 .main-content {
  padding: 35.3% 0 0;
}

.page1 .resizable-content {
  display: none;
}

.page1 .iframe-popup {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
}

.page1 .iframe-popup iframe {
  height: 100%;
  min-width: 960px;
  border: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#homelinks .popup-container {
  display: none;
  position: absolute;
  width: 17.7%;
  
  top: 26.8%;
  bottom: 0;
  height: auto;  
  
}

#homelinks .popup-container.who-we-are {
  left: 20.6%;
}

#homelinks .popup-container.what-we-do {
  left: 43.8%;
}

#homelinks .popup-container.our-work {
  left: 67.1%;
}

#homelinks .page-expander {
  background: url("../img/transp.png") repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}


#homelinks .page-expander span {
  display: block;
  background: #000000;
  font-size: 0.5em;
  font-weight: bold;
  text-align: center;
  padding: 8px 0;
  position: absolute;
  width: 100%;
  bottom: -2px;
}


/* Our Team [page12] */
#ourTeamLinkBox {
    display: block;
} 

section.nilesh, section.shane,
section.shelley, section.rowie,
section.bruno, section.brad,
section.ryan, section.mich,
section.piniel, section.ana,
section.chelsea, section.jeff,
section.vital, section.marc,
section.chris, section.mark, section.niel{
  display: none;
}
  
/* 
    Our Team [page12] 
*/

.page12 .resizable-content {
  bottom: 20px;
  height: auto;
}
  
#ourTeamLinkBox a {
    background: url("../img/transp.png") repeat;
    cursor: pointer;
    position: absolute;
    height: 100%;
    top: 50%;
    outline: none;
    width: 6%;
    display: inline-flex;
    margin: 0 5px;
    transform: translateY(-50%);
}


#ourTeamLinkBox a#chris {
    left: 21%;
}

#ourTeamLinkBox a#brad {
    left: 26%;
}

#ourTeamLinkBox a#nilesh {
    left: 29%;
}

#ourTeamLinkBox a#ryan {
    left: 33.5%;
}

#ourTeamLinkBox a#mich {
    left: 37.5%;
}

#ourTeamLinkBox a#piniel {
    left: 41%;
}


#ourTeamLinkBox a#ana {
    left: 44%;
}

#ourTeamLinkBox a#shane {
    left: 48%;
}


#ourTeamLinkBox a#chelsea {
    left: 51.5%;
}


#ourTeamLinkBox a#jeff {
    left: 55%;
}


#ourTeamLinkBox a#vital {
    left: 57.5%;
}


#ourTeamLinkBox a#marc {
    left: 62%;
}

/* who-we-are names */
#ourTeamLinkBox a span {
  position: absolute;
  top: 10%;
  width: 100%;
  text-align: center;
  font-family: 'Gloria Hallelujah', cursive;
  font-size: 18px;
  display: none;
  text-shadow: 1px 1px 0px #333
}


#ourTeamLinkBox a:hover span {
  display: block;
}


#ourTeamLinkBox a#chris span {
    top: 8%;   
}

#ourTeamLinkBox a#brad span {
     top: 3%;   
}


#ourTeamLinkBox a#nilesh span {
     top: 15%;   
}

#ourTeamLinkBox a#ryan span {
     top: 5%;   
}


#ourTeamLinkBox a#mich span {
     top: 15%;   
}

#ourTeamLinkBox a#piniel span {
     top: 4%;   
}


#ourTeamLinkBox a#ana span {
    top: 16%;
    left: 5px;
}

#ourTeamLinkBox a#shane span {
    top: 5%;
}


#ourTeamLinkBox a#chelsea span {
    top: 15%;
}

#ourTeamLinkBox a#chelsea span {
    top: 15%;
}

#ourTeamLinkBox a#jeff span {
    top: 3%;
}

#ourTeamLinkBox a#vital span {
    top: 15%;
    left: 15%;
}

#ourTeamLinkBox a#marc span {
    top: 15%;
}

@media all and (min-width: 1920px) {
    #ourTeamLinkBox a {
        width: 4%;
        margin-left: 35px;
    }

    #ourTeamLinkBox a#chris span {
        top: 4.5%;   
    }
    
    #ourTeamLinkBox a#brad span {
         top: -5px;   
    }
    
    #ourTeamLinkBox a#nilesh span {
         top: 12%;   
    }
    
    #ourTeamLinkBox a#ryan span {
         top: 2.5%;   
    }

    #ourTeamLinkBox a#mich span {
         top: 10%;   
    }
    
    #ourTeamLinkBox a#piniel span {
         top: 1%;   
    }

    #ourTeamLinkBox a#ana span {
        top: 12%;
        left: 5px;
    }
        
    #ourTeamLinkBox a#shane span {
        top: 2%;
    }
    

    #ourTeamLinkBox a#chelsea span {
        top: 10%;
    }
   
    #ourTeamLinkBox a#jeff span {
        top: -5px;
    }

    #ourTeamLinkBox a#vital span {
        top: 10%;
        left: 15%;
    }
    
    #ourTeamLinkBox a#marc span {
        top: 11%;
    }
}

@media all and (min-width: 2560px) {
    #ourTeamLinkBox a {
        width: 4%;
        margin-left: 45px;
    }

    #ourTeamLinkBox a#chris span {
        top: 2.5%;   
    }
    
    #ourTeamLinkBox a#brad span {
         top: -25px;   
    }
    
    #ourTeamLinkBox a#nilesh span {
         top: 10%;   
    }
    
    #ourTeamLinkBox a#ryan span {
         top: 1%;   
    }

    #ourTeamLinkBox a#mich span {
         top: 8%;   
    }
    
    #ourTeamLinkBox a#piniel span {
         top: -10px;   
    }

    #ourTeamLinkBox a#ana span {
        top: 9%;
        left: 5px;
    }
        
    #ourTeamLinkBox a#shane span {
        top: -5px;
    }
    

    #ourTeamLinkBox a#chelsea span {
        top: 7%;
    }
   
    #ourTeamLinkBox a#jeff span {
        top: -25px;
    }

    #ourTeamLinkBox a#vital span {
        top: 7%;
        left: 15%;
    }
    
    #ourTeamLinkBox a#marc span {
        top: 8%;
    }
}


#ourTeamLinkBox img {
  bottom: 0;
  position: absolute;
}

.team-desc-img {
  text-align: center;
  margin-top: 20px;
}


body.page12 .main-content .main-bg {
    height: 100vh;
    background: #fff;
}

body.page12 #verdiSection283,
body.page12 .resizable-content {
  background: #111 !important; /* add transparent effect same with other pages*/
   z-index: 99;
}

body.page12 .main-content .main-bg {
    height: 100vh !important;
    background: #fff;
}
 
body.page12 #verdiSection283,
body.page12 .resizable-content {
  background: #111 !important; /* add transparent effect same with other pages*/
}
  

img[usemap] {
    border: 0 none;
    background-color: transparent;
}

img[usemap], map area{
    outline: none;
}

body.page12 .main-content .main-bg img#desktopImage {
    width: 50%;
    left: 50%;
    transform: translate(-60%);
    top:35px;
}

body.page12 .main-content .resizable-content {
    position: fixed !important;
    right: 0;
    top: 56px;
}
/* /END: Our Team */


/* What we do [page3] */

.whatWeDoLinkBox a {
    display: none;
}

/* Pay Online content [page5] & Client Login [page7] */
body.page5,
body.page7 {
  background: transparent;
} 

.page5 .resizable-content, .page5 .main-bg,
.page7 .resizable-content, .page7 .main-bg {
  display: none;
}

.page5 .main-content,
.page7 .main-content {
  padding-top: 20px;
}

body.page5 #contentWrapper,
body.page7 #contentWrapper {
  padding-bottom: 85px;
}
.page7 .loginForgotPWordFormFields {
    clear: both;
    padding-top: 18px;
}

.page5 #verdiSection68 .dynamicForms {
  width: auto;
}

.page5 #verdiSection68 .dFormLabel{
  text-align: left;
  width: auto;
}
.page5 #verdiSection68 #accountForm {
  margin: 0 !important; 
  width: auto;  
}
.page5 #verdiSection68 #accountForm .formReqFieldIns {
  margin-bottom: 4px; 
  font-size: 0.8em;
}

.page5 #verdiSection68 #accountForm legend {
  font-weight: bold;
  padding-bottom: 12px; 
}

.page5 #verdiSection68 #accountForm .invoiceContainer label {
  width: auto;
  margin-right: 10px;
}

.page5 #verdiSection68 #accountForm .formRow_default {
  margin-bottom: 10px;  
}

.page5 #verdiSection68 #accountForm label {
  width: 160px;
  float: left;  
}

.page5 #verdiSection68 #accountForm .invoiceField{
  width: 122px;
  margin-right: 11px;
  margin-bottom: 10px;  
}

.page5 #verdiSection68 #accountForm #addInvoice {
  width: 122px;
  margin: 0 0 15px 22px;
  float: none;
}

#accountForm .totalContainer {
  margin-bottom: 15px;
}

.page5 #verdiSection68 #accountForm .removeInvoice{
  margin: 0 0 10px 23px;
  padding: 3px 7px;
  float: none;
}

.page5 #verdiSection68 #accountForm {
  margin: 0 !important; 
}

.page5 #verdiSection68 #accountForm .totalContainer label {
  width: 50px;
  margin-left: 15px;
}

#EPS_AMOUNT, input[type="text"].amountField {
 width: 92px;
}

#EPS_CCV {
 width: 64px; 
}

.page5 .formRowSubmit_default input {
  margin-left: 10px;
}

.page5 .formRowSubmit_default input#submitAccountPayment,
.page7 input[type="submit"] {
  margin-left: 170px;
}

.page5 #verdiSection68 .submitRow {
  padding-right: 133px; 
}

/* IE < 9 fix */
.lt-ie9 .page5 #verdiSection67,
.lt-ie9 .page5 #verdiSection68 {
    float: none;
    margin: 0;
    width: auto;
    overflow: hidden;
}

.lt-ie9 body.page5 #contentWrapper {
    padding-bottom: 185px;
}


/* Expo offer */
.page84 .main-content {   
    padding-top: 20px;
} 

.page84 .resizable-content, .page84 .main-bg  {
  display: none;
}
.page59 #verdiSection67,
.page84 #verdiSection67 {
  margin-bottom: 50px;
}
.page84 #verdiSection68 .dFormHeaderText  {
  color: inherit;
  font-size: 14px;
}

.page84 #verdiSection68 .dynamicForms {
  margin: 0;
  width: auto;
}

.page84 #verdiSection68 .dFormLabel {
  text-align: left;
  width: auto;
}

.page84 input[type="submit"].dFormSubmit.inputButton {
  margin-left: 242px;
}

.page84 #verdiSection68 {
  background: url("../img/IBC_landing.png") no-repeat;
  padding-left: 100px;
  min-height: 600px;
}

.page84 .main-content {
  padding-top: 0;
  overflow: hidden;
}

.page84 #verdiSection67,
.page84 #verdiSection68 {
  padding-top: 20px;
}


/* Contact Us */
.page8 .main-content {    
    padding-top: 20px;
}   

.page8 #verdiSection226,
.page8 .resizable-content, .page8 .main-bg {
  display: none;
}
.page8 #verdiSection67 {
    margin-bottom: 50px;
}
.page8 #verdiSection68 .dFormHeaderText {
    color: inherit;
    font-size: 14px;
}

.page8 #verdiSection68 .dynamicForms {
    margin: 0;
    width: auto;
}

.page8 #verdiSection68 .dFormLabel {
    text-align: left;
    width: auto;
}

.page8 #verdiSection68 .dFormLabel label {
    cursor: pointer;
}


.page8 input[type="submit"].dFormSubmit.inputButton {
    margin-left: 242px;
}

.contact-intro {
    width: 580px;
    margin-bottom: 40px;
}

.contact-intro h2 {
    margin-top: 0;
}

.contact-info-col {
    float: left;
    width: 280px;
    margin-right: 50px;
}

.contact-info-col:last-of-type {
    margin-right: 20px;
}

.perth-map {
    margin-top: 20px;
}

.melbourne-map {
    margin-top: 101px;
}

.view-map-mobile {
    display: none;
}
    
/* contact map */
.iframe-rwd  {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Expo page [page59] */
.page59 .main-content {   
  padding-top: 20px;
}
.page59 #verdiSection68 .dynamicForms {
  margin: 0;
  width: auto;
}
.page59 .dFormSubmit.inputButton {
  margin-left: 307px;
}

.page59 #verdiSection67 h1 {
  margin-top: 0;
}

/* Privacy Policy [page10] */

.page10 .resizable-content, .page10 .main-bg {
  display: none;
}

.page10 .main-content {   
    padding-top: 20px;
}


a img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

a img.grayscale:hover,
a.active img.grayscale {
  filter: none;
  -webkit-filter: grayscale(0%);
}

/* Join our team [page60] */

.page60 .resizable-content {
  bottom: 20px;
  height: auto;
}

.page60 #verdiSection68 {
  display: none;
}

.page60 .dynamicForms {
  margin: 0;
}

/* Digital Marketing [page18] */
body.page18.desktopb {
  overflow-y: hidden;
}
  
.page18 #verdiSection67 {
    display: none;
}

/* Testimonials [page34] */
body.page34 {
  background: #363636;
}

.page34 .resizable-content {
  display: none;
}

.page34 .main-content {
  padding: 0;
}

.page34.mobileb .testimonials-wrapper {
  padding-bottom: 0 !important;
}

.testimonials-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  top: 0;
  width: 100%;
}

.testimonials-wrapper .btn-next, .testimonials-wrapper .btn-prev {
  background: url("../img/sml-arrows.png") 0 0 no-repeat;
  cursor: pointer;
  width: 12px;
  height: 35px;
  position: absolute;
  top: 27%;
  xmargin-top: 40px;
  z-index: 40;
}

.testimonials-wrapper .btn-next {
  background-position: -16px 0;
  right: 5px;
}
.testimonials-wrapper .btn-prev {
  left: 5px;
}
.testimonials-wrapper .caroufredsel_wrapper {
  height: 100% !important;
  margin: 0 !important;
  max-width: 100% !important;
}
.testimonials-wrapper .testimonials-list {
  height: 100% !important;
  position: relative !important;
  padding: 0;
  overflow: auto;
}
.testimonials-wrapper .directoryItem {
  height: 100% !important;
  float: left;
  list-style: none;
}

.testimonials-wrapper .feature-block {
  display: none;
}

.testimonials-wrapper .description-block {
  padding: 30px;
}

.testimonials-wrapper .directoryItem h3 {
  padding-top: 0;
  margin-bottom: 5px;
  color: #00adef;
}

/* Our Clients [page36] */

.page36 .resizable-content {
  display: block;
}

.page36.mobileb .main-content .main-bg,
.page36 .main-content .main-bg img#mobileImage  {
  display: none;
}

.page36 .main-content {
  padding: 0;
}

.our-clients-list-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  top: 0;
  width: 100%;
  overflow:hidden;
}

.our-clients-list-wrapper .btn-next, .our-clients-list-wrapper .btn-prev {
  
   
  cursor: pointer;
  width: 50px !important;
  height: 100px !important;
  position: fixed;
  top: 35% !important;
  margin-top: 35px !important;
  z-index: 40;
 /* -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.68);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.68);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.68); */
}

.our-clients-list-wrapper .btn-next {
    
    background: url("../img/rightArrow.png") 0 0 no-repeat !important;
    right:-2px !important;
}
.our-clients-list-wrapper .btn-prev {
   
     background: url("../img/leftArrow.png") 0 0 no-repeat !important;
     left:0px !important; 
}
.our-clients-list-wrapper .caroufredsel_wrapper {
  height: 100% !important;
  margin: 0 !important;
}
.our-clients-list-wrapper .our-clients-list {
  height: 100% !important;
  position: relative !important;
  padding: 0;
  overflow: auto;
}
.our-clients-list-wrapper .directoryItem {
  height: 100% !important;
  float: left;
  list-style: none;
}
.our-clients-list-wrapper .directoryItem .directory-item-wrapper {
  height: 75%;
  margin: 70px 30px 30px;
  position: relative;
  background: rgba(51,51,51,0.9);
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.68);
  -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.68);
  box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.68);
  padding:0px 20px;
  border:2px #333 solid;
  
}
.our-clients-list-wrapper .directoryItem h3 {
  padding-top: 0;
  margin-bottom: 5px;
  color: #00adef;
}

.our-clients-list-wrapper .directoryItem .yearCreated {
  color: #00adef;
}

.our-clients-list-wrapper .directoryItem  .description {
  padding-top: 70%;
}

.our-clients-list-wrapper .directoryItem .image {
  top: 40px;
  position: absolute;
  width: 100%;
}
.our-clients-list-wrapper .directoryItem .image .bg img {
  display: block;
  width: 100%;
  display:none;
}
.our-clients-list-wrapper .directoryItem .image .photo {
  position: absolute;
  top: 7.7%;
  left: 14.5%;
  width: 70.1%;
  margin-top:15px;
}

/* our work pages */
.page46 .resizable-content, .page46 .main-bg {
    display: none;
  }
  
  .page46 .main-content {   
      padding-top: 20px;
      overflow: hidden;
  }
  
  
  .page47 .resizable-content, .page46 .main-bg {
    display: none;
  }
  
  .page47 .main-content {   
      padding-top: 20px;
  }
  
  .page48 .resizable-content, .page48 .main-bg {
    display: none;
  }
  
  .page48 .main-content {   
      padding-top: 20px;
  }
  
  .page49 .resizable-content, .page48 .main-bg {
    display: none;
  }
  
  .page49 .main-content {   
      padding-top: 20px;
  }

  .page127 .resizable-content, .page127 .main-bg {
    display: none;
  }
  
  .page127 .main-content {   
      padding-top: 20px;
  }

  .page133 .resizable-content, .page133 .main-bg {
    display: none;
  }

  .page134 .resizable-content, .page134 .main-bg {
    display: none;
  }

  .page135 .resizable-content, .page135 .main-bg {
    display: none;
  }
  
/* Signoff [page38] */

.page38 .resizable-content, .page38 .main-bg {
  display: none;
}

.page38 #verdiSection67 {
  float: left;
  margin-right: 10%;
  width: 700px;
  margin-left: 215px;
}
.page38 #verdiSection68 {
  float: left;
  margin-right: 10%;
  width: 700px;
  margin-left: 215px;
}

.page5.mobileb #verdiSection67,
.page5.mobileb #verdiSection68,
.page7.mobileb #verdiSection67,
.page7.mobileb #verdiSection68,
.page10.mobileb #verdiSection67,
.page10.mobileb #verdiSection68,
.page38.mobileb #verdiSection67,
.page38.mobileb #verdiSection68 {
  float: none;
  margin: 0;
  width: auto;
}

/* Client Survey */
.page50 .resizable-content, .page50 .main-bg {
  display: none;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
/* Image replacement */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* Clearfix http://nicolasgallagher.com/micro-clearfix-hack/ */
/* For modern browsers */
.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}
body #contentWrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  height: 100%;
}
body.page1 #contentWrapper {
  position: absolute;
  top: 0;
  bottom: 0;
}
body.page36.desktopb #contentWrapper {
  overflow-y: hidden;
}
.page46 #contentWrapper {
  float: left;
  width: 100%;
}
.page46 #contentWrapper #verdiSection67 p img {
  width: 100%;
}

#contentWrapper #verdiSection283 {
    display: none;
  }

body.page5 #contentWrapper #verdiSection283,
body.page7 #contentWrapper #verdiSection283,
body.page8 #contentWrapper #verdiSection283, 
body.page84 #contentWrapper #verdiSection283,
body.page10 #contentWrapper #verdiSection283,
body.page38 #contentWrapper #verdiSection283 {
  display: none;
}

#contentWrapper .desktop_logoitem {
  display: none;
}

body.page36.desktopb #contentWrapper .desktop_logoitem {
  display: none;
}

.winNote {
  font-size: 12px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media all and (max-width: 959px) {
  body.page1 .main-content {
    padding: 0;
  }

  #footer {
   
    height: auto !important;
  }
  
  body .main-content .main-bg {
    position: static;
    margin-left: -20px;
    margin-right: -20px;
    width: auto;
  }
  
  body #main {
    overflow: hidden;
  }
  
    .page8 .main-content {
        overflow: hidden;
    }
    
    .page8 #verdiSection68 .dFormLabel {
        float: none;
        padding-right: 5px;
    }
    

  
  .page8 input.dFormSubmit.inputButton[type="submit"],
  .page84 input.dFormSubmit.inputButton[type="submit"] {
    margin-left: 172px;
  }
  
  .page8 #verdiSection226 iframe,
  .page84 #verdiSection226 iframe {
    width: 100%;
  }
  
  .page8 #verdiSection67,
  .page84 #verdiSection67 {
    float: left;
  }
  
  .page84 #verdiSection68 {
    float: right;
  }
  
  .page60 .checkBoxContainer.dfCheckDiv {
    display: block;
  }
  
  .page60 input[type="submit"].dFormSubmit.inputButton {
    margin-left: 172px;
  }
  
  .page5 .formRowSubmit_default input#submitAccountPayment {
    margin-left: 186px;
  }

  body.page85 #contentWrapper #verdiSection67
  { float: left; margin: 40px 0 0 !important; width: 280px; }

  body.page85 #contentWrapper #verdiSection68
  { float: right; margin: 40px 0 0 !important; width: 280px; }

  body.page85 #contentWrapper #verdiSection68 .dynamicForms
  { margin: 0; }
}


@media all and (max-width: 767px) {

  .page84 #verdiSection68 {
    clear: both;
    float: left;
  }
  
  .page5 #verdiSection68 #accountForm {
    width: 280px;
  }
  
  .page5 .formRowSubmit_default input#submitAccountPayment {
    margin-left: 26px;
  }
  
  .page5 #verdiSection68 #accountForm .totalContainer input {
    margin-left: 15px;
  }
  
  .page84 #verdiSection68 {
    background: none;
    min-height: 0;
    padding-left: 0;
  }

  body.page85 #contentWrapper #verdiSection67
  { clear: both; float: left; margin: 40px 0 0 !important; width: 280px; }

  body.page85 #contentWrapper #verdiSection68
  { clear: both; float: left !important; margin: 40px 0 0 !important; width: 280px; }

  body.page85 #contentWrapper #verdiSection68 .dynamicForms
  { margin: 0; }
  
  .page8 #verdiSection67 {
        float: none;
    }
    
    .page8 #verdiSection68 {
        clear: both;
        float: left;
    }
        
    .page8 input.dFormSubmit.inputButton[type="submit"] {
        margin-left: 186px;
    }
    
    .contact-intro {
        width: auto;
    }
    
    .contact-info-col-m {
        float: left;
        clear: both;
        margin: 50px 0;
    }
    
    .melbourne-map {
        margin-top: 20px;
    }
    
    .contact-map {
        display: none;
    }
    
    .view-map-mobile {
        display: block;
    }
     
}


/* need to add to query to include screen densities */
@media all and (min-width: 1661px) {
  .page5 #verdiSection68 {
    margin-left: 0 !important;
  }
}

@media all and (min-width: 960px) {

  body .main-content .main-bg {
    position: fixed; 
    top: -50%; 
    left: -50%; 
    width: 200%; 
    height: 200%;
  }

  body .main-content .main-bg img {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 50%;
    min-height: 50%;
    width: auto;
    height: auto;
  }
  
  body.page18 .main-content .main-bg,
  body.page12 .main-content .main-bg,
  body.page1 .main-content .main-bg {
    top: 57px;
    background-size: 100% auto;
    height: auto;
    width: 100%;
    left: auto;
  }
  

  body.page18 .main-content .main-bg img,
  body.page12 .main-content .main-bg img, 
  body.page1 .main-content .main-bg img {
    position: relative;
    width: 100%;
    top: auto; 
    left: auto; 
    right: auto; 
    bottom: auto; 
    margin: auto; 
    min-width: 0;
    min-height: 0;    
  }

    #mobile-check {
      display: none;
    }
    
    /* Structure */
    
  #header {
    height: 57px;
    padding: 0;
    position: fixed;
    width: 100%;
    top: 0;
    background: #2a2a2a;
  }
  
  #header .logo {
    position: absolute;
    top: 127px;
    left: 35px;
    width: 117px;
  }

  #header #main-menu-control, #header .menu-control { display: none; }
  
  .main-content {
    padding: 0;
  }
  
  .resizable-content {
    background: rgba(0,0,0, 0.6);   
    height: 900px;
    padding: 0;
    position: static;
    float: right;
    width: 400px;
    z-index: 10;
    
    overflow-y: auto;
  }
  
  .content-wrapper #verdiSection55 .outerLayer > div{
    width: 300px;
    position: relative;
    color: white;
    margin: 0 auto;
  }
  
  .content-wrapper #verdiSection55 .outerLayer > div h1 {
    color: #00adef;
    font-size: 30px;
  }
  .content-wrapper #verdiSection55 .outerLayer > div p {
    font-size: 14px;
    line-height: 1.4em;
  }

  .resizable-content .content-wrapper {
    margin: 50px 0;
  }
  
  .resizable-content .resize-fullscreen {     
    cursor: pointer;
    height: 17px;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 18px;
          display: block; 
  }
  
  .resizable-content .resize-fullscreen.collapse {
    background-position: 0 -17px;
  }

    .resizable-content .ui-resizable-handle {
    display: block;
  }
  
  .ui-resizable-sw {
    left: 2px;
    bottom: 2px;
    width: 11px;
    height: 11px;
  } 

  /*
   * Forms
   */
  textarea, input[type=text], input[type=file] {
    width: 250px;
  }
  
  #verdiSection68 .dFormLabel {
    width: 130px;
    text-align: left;
    padding-right: 20px;
    float: none
  }
  
  body .wrapper > form{
    top: 57px;
    position: absolute;  
    width: 100%;
    height: 200px;
    max-height: 750px;
  }
  
  /* 
   * Main & Utiltity Navigation [List Navigation] 
   */
   
  .main-nav, .utility-nav {
    position: static;
    float: left;
    width: auto;
    background: none;
    display: block !important;
    -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; 
  }
  /*.main-nav {
    width: 400px;
  }*/
  
  .utility-nav {
    float: right;
  }
  
  .main-nav li, .utility-nav li {
    float: left;
    position: relative;
  }
  .main-nav li a, .utility-nav li a {
    color: #ffffff;
    display: block;
    line-height: 30px;
    padding: 13.5px 24px;
    font-size: 14px;
  }
  
  .utility-nav li a {
    color: #acacac;
    padding: 13.5px 17px;
  }
  
  .main-nav li ul, .utility-nav li ul  {
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    left: 0;
    position: absolute;
    top: 57px;
    min-width: 100%;
    max-width: 240px;
  }
  .main-nav li ul li, .utility-nav li ul li {
    float: none;
  }
  .main-nav li ul li a, .utility-nav li ul li a {
    padding: 2px 8px;
    text-align: center;
  }
  .main-nav li ul ul, .utility-nav li ul ul {
    background: rgba(0, 0, 0, 0.9);
    left: 100%;
    top: 0;
  }
  .main-nav li ul ul a, .utility-nav li ul ul a {
    text-align: left;
  }
  .utility-nav li:hover, .utility-nav li.currentParentLi, .utility-nav li.currentLi {
    background: #000000;
    background: rgba(0, 0, 0, 0.9);
  }
  .main-nav li:hover, .main-nav li.currentLi {
    background: #48494a;
  }
  .main-nav #verdiSection53 > div > ul > li.lastLi {
    width: 117px;
  }
  .main-nav li:hover > a, .main-nav li.currentParentLi > a, .main-nav li.currentLi > a, .utility-nav li:hover > a, .utility-nav li.currentParentLi > a, .utility-nav li.currentLi > a {
    color: white;   
    background: #000;
  }
  .main-nav li:hover > ul, .utility-nav li:hover > ul {
    display: block;
  }
  #footer .col-one {
    float: left;
    /*width: 33.33333333333333%;*/
    width: 25%;
  }
  #footer .mid-col {
    float: left;
    width: 20%;
    text-align:center;
  }
  #footer .mid-col span{
      color:#00ADEF !important;
  }
  
  #footer .gov-cms-footer {
      float: left;
      /*width: 33.33333333333333%;*/
      width: 50%;
      text-align: center;
  }
  
  #footer .col-two {
    float:right;
    /*width: 33.33333333333333%;*/
    width: 25%;
    text-align: right;
  }
  
  #contentWrapper #verdiSection283 {
    position: absolute;
    display: block;
    float: left;
    padding: 0 0 0 20px;
    width: 250px;
    background: rgba(0,0,0,.6);
  }
  .page86 #contentWrapper #verdiSection283 {
    background: none;
  }
  
  body #contentWrapper #verdiSection283 {
    position: fixed;
    height: 100%;
  }
  
  body.page34 #contentWrapper #verdiSection283 {
    display: none;
  }
  
  #contentWrapper #verdiSection283 > div > ul {
    margin: 250px 0 0 0;
    list-style: none;
    padding: 0;
    line-height: 35px;
  }
  
  #contentWrapper #verdiSection283 >div > ul li a {
    color: white;
  }
  #contentWrapper #verdiSection283 >div > ul li ul {
    list-style: none;
    padding-left: 20px;
    margin: 0;
  }
  #contentWrapper .desktop_logoitem {
    /* position: absolute;
    top: 27px; */
    margin: 0 0 0 35px;
    display: block;
  }
  #contentWrapper .desktop_logoitem a {
    display: block;
  }
  body #contentWrapper .desktop_logoitem {
    position: fixed;
          top: 84px;
          z-index: 9999;
        }
  
  .desktop_logo_add {
    margin: 0 0 0 35px !important;
  }
  
  #header > div a.logo {
    display: none;
  }
  
  /* Content */
  
  /* Page background */
  #desktopImage {
    display: inline;
  }
  #mobileImage {
    display: none;
  }
  
  /* Home [page1] */
  #homelinks .page-expander span {
    font-size: 16px;
  }
  
  
  #homelinks .popup-container {
    display: block;
  }
  
  /* What we do [page3] */
  
  .whatWeDoLinkBox a {
      display: none;
  }
  
  .whatWeDoLinkBox a {
    background: url("../img/transp.png") repeat;
    cursor: pointer;
    display: block;
    position: absolute;
  }
  
  .whatWeDoLinkBox .cms {
    top: 58.8%;
    height: 10.3%;
    left: 25.6%;
    width: 9.8%;
  }
  
  .whatWeDoLinkBox .customisedSolutions {
    top: 35%;
    height: 12.6%;
    left: 27.4%;
    width: 12.75%;
  }
  
  .whatWeDoLinkBox .digitalMarketing {
    top: 17.6%;
    height: 13.4%;
    left: 39.3%;
    width: 12.4%;
  }
  
  .whatWeDoLinkBox .ecommerce {
    top: 84.3%;
    height: 7.2%;
    left: 35.57%;
    width: 15.05%;
  }
  
  .whatWeDoLinkBox .productDevelopment {
    top: 45.9%;
    height: 13%;
    left: 61.66%;
    width: 14.79%;
  }
  
  .whatWeDoLinkBox .hosting {
    top: 65.3%;
    height: 12.6%;
    left: 57.3%;
    width: 14.79%;
  }
  
  /* Pay Online [page5] */
  
  .page5 .main-content {
    padding: 50px 10% 100px 200px;   
      overflow: hidden;
  }
  
  .page5 #verdiSection67,
  .page7 #verdiSection67 {
    float: left;
    margin-right: 10%;
    width: 700px;
    margin-left: 215px;
  }
  .page5 #verdiSection68,
  .page7 #verdiSection68 {
    float: left;
    min-height: 410px;
    margin-left: 215px;
  }
  
  .page5 #verdiSection68 #accountForm {
    width: 450px; 
  }
  
  .page59 #verdiSection67,
  .page84 #verdiSection67 {
    float: left;
    margin-right: 100px;
    margin-left: 215px;
    width: 425px;
  }
  
  .page84 #verdiSection67 {
    margin-right: 40px;
  }
  
  .page84 #verdiSection68 {
    float: left;
  }
  
  .page84 #verdiSection226 {
    float: left;
    width: 450px; 
    margin-left: 215px;
    clear: both;
    margin-bottom: 50px;
  }
  
    .page8 #verdiSection67 {
        float: left;
        /* margin-right: 300px; */
        margin-left: 215px;
    }
    
    .page8 #verdiSection68 {
        float: left;
        
    }
    
    .page8 #verdiSection226 {
        float: left;
        width: 450px;   
        margin-left: 215px;
        clear: both;
        margin-bottom: 50px;
    }
  
  /* Pay Online [page5] */
  /* Contact Us [page8] */
  /* Privacy Policy [page10] */
  /* Sign Off [page38] */
  .page5 .main-content,
  .page8 .main-content,
  .page84 .main-content,
  .page10 .main-content,
  .page38 .main-content,
  .page59 .main-content {
    background: #fff;
    padding: 50px 0 100px;
    overflow: hidden;
  }
  
  .page84 .main-content {
    padding-top: 0;
  }
  
  .page84 #verdiSection67,
  .page84 #verdiSection68 {
    padding-top: 50px;
  }

  
  .page10 #verdiSection67 {
    max-width: 800px;
    margin-left: 215px;
  }

  /* Join Our Team [page60] */
  #verdiSection68 .dynamicForms {
    width: 500px;
    margin: 0;
  }

  /* Digital Marketing [page18] */
  
  .page18 #verdiSection67 {
    display: block;
    position: absolute;
    top: 13%;
    left: 17%;
    width: 21%;
    color: #ffffff;
    font-size: 22px;
    height: 65%;
    
/*    display: none; */
  }
  
  .page18 .jCycle {
    width: 100%;
  }
  .page18 .jCycle .inLineContentContainer {
    width: 100%;
    text-align: center;
  }
  
  /* Testimonials [page34] 
    [Testimonial directory styles are under Media Queries > Module Styles > Directory]
  */
  
  body.page34 #main form#aspnetForm,
      body.page34 #main form#aspnetForm .main-content,
  body.page34 #main form#aspnetForm .main-content .main-bg
      { background: #363636 !important; }
  
  .testimonials-wrapper .btn-next, .testimonials-wrapper .btn-prev {
    background: url("../img/arrows.png") 0 0 no-repeat;
    cursor: pointer;
    width: 115px;
    height: 310px;
    position: absolute;
    top: 50%;
    margin-top: -155px;
    z-index: 40;
  }
  
  .testimonials-wrapper .btn-next {
       background-position: -115px 0;
       right: 0;
  }
  
  .testimonials-wrapper .btn-prev {
    left: 0;
  }
  
  .page34 .testimonials-list {
    width: 700px;
    height: 390px;
    list-style: none;
    /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
    overflow-y: auto;
    overflow-x: hidden;
  }

  .page34 .testimonials-wrapper .directoryItem:before, .page34 .testimonials-wrapper .directoryItem:after {
    display: table;
    content: "";
    line-height: 0;
  }
  
  .page34 .testimonials-wrapper .directoryItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    padding: 40px 115px 0;
  }

  .page34 .testimonials-wrapper .directoryItem:after {
    clear: both;
  }
  
  .page34 .testimonials-wrapper .feature-block {
    display: block;
    color: #00adef;
    font-size: 22px;
    font-weight: bold;
    float: left;
    margin-left: 5%;
    padding: 60px 30px 100px 50px;
    width: 25%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
  }
  
  .page34 .feature-block:before {
    content: open-quote;
    font-size: 4em;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .page34 .feature-block:after {
    content: close-quote;
    font-size: 4em;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  
  .page34 .testimonials-wrapper .description-block {
    color: #ffffff;
    float: right;
    width: 55%;   
    height: 100%;
  }
  
  .page34 .testimonials-wrapper .description-block h3 {
    color: #00adef;
    margin: 0;
  } 
  
  /* Our Clients [page36] 
    [Client directory styles are under Media Queries > Module Styles > Directory]
  */
  
  .page36 #header .logo {
    display: none;
  }
  .page36 .resizable-content,
  .page36 #contentWrapper #verdiSection283 {
    display: none;
  }
  
  .page36 .main-bg {
    display: block;
  }
  
   .page36 .main-content {
    padding: 0;
   } 
    
  .our-clients-list-wrapper {
    position: absolute;
  } 
  
  .our-clients-list {
    position: absolute;
  }
  .our-clients-list-wrapper .directoryItem .image {
    bottom: 0;
    top: auto;
    position: relative;
  }
  .our-clients-list-wrapper .directoryItem .description {
    color: #ccc;
    padding: 0;
    min-height: 80px;
  }
  .our-clients-list-wrapper .directoryItem h3 {
    padding-top: 15px;
    color:#fff !important;
  }
  
  .our-clients-list-wrapper .btn-next, .our-clients-list-wrapper .btn-prev {
    background: url("../img/arrows.png") 0 0 no-repeat;
    cursor: pointer;
    width: 115px;
    height: 310px;
    position: absolute;
    top: 50%;
    margin-top: -150px;
    z-index: 40;
  }
  
  .our-clients-list-wrapper .btn-next {
       background-position: -115px 0;
       right: 0;
  }
  
  .our-clients-list-wrapper .btn-prev {
    left: 0;
  }
  
  .our-clients-list-wrapper .directoryItem .image .photo {
    position: absolute;
    width: 92.2%;
    top: 3.6%;
    left: 4%;
   }
   
  
  /* Hydramet [page46] */
  .page46 .main-content {
    background: #fff;
    padding: 0;
    overflow: hidden;
  }
  
  .page46 .main-content img {
    max-width: 100%;
  }
  
  .page46 #verdiSection67 {
    max-width: 800px;
    margin: 50px 20px 150px 320px;
  }
  
  /* Motorplex [page47] */
  .page47 .main-content {
    background: #fff;
    padding: 0;
    overflow: hidden;
  }
  
  .page47 #verdiSection67 {
    max-width: 800px;
    margin: 50px 20px 150px 320px;
  }
  
  .page47 .main-content img {
    max-width: 100%;
  }
  
  .page47 #contentWrapper,.page48 #contentWrapper, .page49 #contentWrapper, .page50 #contentWrapper, .page127 #contentWrapper, .page133 #contentWrapper, .page134 #contentWrapper, .page135 #contentWrapper {
    float: left;
  }
  
  /* Nelson Net[page48] */
  .page48 .main-content {
    background: #fff;
    padding: 0;
    overflow: hidden;
  }
  
  .page48 #verdiSection67 {
    max-width: 800px;
    margin: 50px 20px 150px 320px;
  }
  
  .page48 .main-content img {
    max-width: 100%;
  }
  
    
  /* Get the facts [page49] */
  .page49 .main-content {
    background: #fff;
    padding: 0;
    overflow: hidden;
  }
  
  .page49 #verdiSection67 {
    max-width: 800px;
    margin: 50px 20px 150px 320px;
  }
  
  .page49 .main-content img {
    max-width: 100%;
  }
  
  /* ERA[page50] & Activ[page127] */
  .page50 .main-content, .page127 .main-content {
    background: #fff;
    padding: 0;
    overflow: hidden;
  }
  
  .page50 #verdiSection67, .page127 #verdiSection67 {
    max-width: 800px;
    margin: 50px 20px 150px 320px;
  }
  
  .page50 .main-content img, .page127 .main-content img {
    max-width: 100%;
  }

  .page133 #verdiSection67, .page134 #verdiSection67, .page135 #verdiSection67 {
    max-width: 800px;
    margin: 50px 20px 150px 320px;
  }

/** Client Survey Page **/

body.page85 #contentWrapper #verdiSection283,
body.page85 #contentWrapper .resizable-content
{ display: none; }

body.page85 #contentWrapper #verdiSection67
{ float: left; margin: 40px 100px 0 215px; width: 425px; }

body.page85 #contentWrapper #verdiSection68
{ float: left; margin: 40px 0 0; padding: 0 0 100px; width: 335px; }

body.page85 #contentWrapper #verdiSection68 .dynamicFormCon .submitRow input[type="submit"]
{ margin: 10px 0 10px 260px; }

body.page85 #contentWrapper #verdiSection68 table.dynamicForms,
body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon,
body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg,
body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable,
body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr,
body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td,
body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td label,
body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td textarea,
body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td select,
body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td input[type="text"]
{ max-width: 355px; width: 355px; }

body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td.dFormLabel
{ line-height: 21px; padding: 0 0 5px; }

body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td textarea
{ margin: 0 0 10px; }

body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td select
{ margin: 0 0 20px; padding: 5px; }

}


@media only screen and (min-width: 960px) and (max-width: 1350px) {
  .our-clients-list-wrapper .directoryItem .description {
    min-height: 125px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
  .page59 #verdiSection67 {
    margin-right: 50px;
    width: 280px;
  }

  /** Client Survey Page **/

  body.page85 #contentWrapper #verdiSection67
  { margin: 40px 100px 0 215px; width: 280px; }

  body.page85 #contentWrapper #verdiSection68
  { width: 280px; }

  body.page85 #contentWrapper #verdiSection68 table.dynamicForms,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td label,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td textarea,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td select,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td input[type="text"]
  { max-width: 280px; width: 280px; }

  body.page85 #contentWrapper #verdiSection68 .dynamicFormCon .submitRow input[type="submit"]
  { margin: 10px 0 10px 185px; }
}

@media only screen and (max-width: 1120px) {

  .page84 #verdiSection67 {
    width: 280px;
  }

  /** Client Survey Page **/

  body.page85 #contentWrapper #verdiSection67
  { float: left; margin: 40px 100px 0 215px; width: 280px; }

  body.page85 #contentWrapper #verdiSection68
  { float: right; margin: 40px 30px 0 0; width: 280px; }

  body.page85 #contentWrapper #verdiSection68 table.dynamicForms,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td label,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td textarea,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td select,
  body.page85 #contentWrapper #verdiSection68 table.dynamicForms .dynamicFormCon table.widgetbg table.dFormTable tr td input[type="text"]
  { max-width: 280px; width: 280px; }

  body.page85 #contentWrapper #verdiSection68 .dynamicFormCon .submitRow input[type="submit"]
  { margin: 10px 0 10px 185px; }
}

@media all and (max-width: 1660px) {
  .page5 #verdiSection67, 
  .page7 #verdiSection67{
    width: auto;
    margin-left: 215px;
  }
    
}  



@media only screen and (max-height: 679px) {
  #contentWrapper #verdiSection283 > div > ul {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 1120px) {
  #contentWrapper #verdiSection283 > div > ul {
    margin-top: 150px;
  }
}

/* Portrait tablet to landscape and desktop */
@media all and (min-width: 768px) and (max-width: 991px) { 
  .page84 .dFormLabel {
    float: none;
    margin-right: 3px;
  }
}

@media all and (min-width: 960px) and (max-width: 1179px) { 
    .page8 #verdiSection68 {
        margin-left: 215px;
    }
}

/*Blog Styles*/
.blogWrapper
{
    float:left;
    width:100%;
    background:#fff;
    margin:0px 0px;
    padding-bottom: 100px;
}
.leftSideBlog
{
    width:67%;
    padding:1%;
    float:left;
    border-right:1px #ddd dashed;
}
.rightSideBlog
{
    width:28%;
    padding:1%;
    float:left;
    min-height:700px;
}
#verdiSection67 h1
{
    margin-top:0px !important;
}
#loginForm
{
     float:left;
}
#verdiSection818
{
  outline:none;  
  border:none;
  float:left;
    margin:0px !important;
     width:88% !important;
    padding:2% 3% 1%;
    font-size:16px !important;
     background:#f9f9f9 ;
     margin-left:11px !important;
}
#verdiSection818 div
{
    padding:0px 10px;
    border:none !important;

}
#verdiSection658{
   float: left;
    margin-top: 15px;
    width: 94%;
     margin-left:11px;
}
#verdiSection658 h2
{
     background: #f9f9f9 none repeat scroll 0 0;
    float: left;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    margin-left: 0;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding: 3%;
    width: 94%;
     
}
#verdiSection656 h2
{
     float:left;
    margin:0px !important;
     width:88%;
    padding:3% 3%;
    font-size:16px !important;
     background:#f9f9f9 ;
     margin-left:11px !important;
     
}
#loginForm h3
{
    background: #f9f9f9 none repeat scroll 0 0;
    float: left;
    font-size: 16px;
    margin-bottom: 0 !important;
    margin-left: 11px;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding: 2% 3% 1%;
    position: relative;
    top: 4px;
    width: 88%;
}
.loginForgotPWordFormFields h3
{
    padding:2% 0% !important;
}
.loginStandardFormFields,.loginForgotPWordFormFields  
{
    width:92%;
    padding:1% 3%;
    background:#f9f9f9 ;
    float:left;
    font-size:12px;
    margin-bottom: 15px;
}
.loginStandardFormFields  .formRow
{
    margin:10px 0px;
    width:100%;
    float:left;
}
.loginStandardFormFields  .formRow label
{
    float:left;
    font-size:12px;
}
.loginStandardFormFields  .formRow input
{
    border-radius: 5px;
    float: left;
    font-size: 12px;
    margin-left: 19px;
    margin-top: -5px;
    padding: 5px;
    width: 71%;
    outline:none;
    border:1px #ddd solid;
}
.loginStandardFormFields  .formRow .accountField
{
    width:74% !important;
}
.loginStandardFormFields  .formRow .passwordField
{
    margin-left:21px !important;
}
.loginStandardFormFields  .formSubmitRow input
{
    margin-left:0px !important;
    float:left;
    font-weight:bold;
    font-size:14px;
}
.loginForgotPWordFormFields .formRow
{
    float:left;
    width:100%;   
}
.loginForgotPWordFormFields .formRow input
{
    border-radius: 5px;
   
    font-size: 12px;
    margin-top:5px;
    padding: 5px;
    width: 98%;
    outline:none;
    border:1px #ddd solid;
}
.loginForgotPWordFormFields .formSubmitRow input
{
    margin-left:0px !important;
    float:left;
    font-weight:bold;
    font-size:14px;
}
.blogWrapper .detailBlogSection .blogImageContainer img{
    width: 100%;
}
.BlogPostItem
{
    background:#f9f9f9 ;
    float:left;
    padding:2%;
    width:96%;
    margin-bottom:15px;
}
.BlogPostItem h2
{
    float:left;
    width:100%;
    margin-top:0px !important;
}
.publishedStatusContainer
{
    float:none;
    display: inline-block;
    padding:1px 10px;
    font-weight:bold;
    margin-right:8px;
    margin-bottom:10px;
    color:#00adef ;
    font-size:13px;
    border:1px #ddd solid;
    
}
.publishedStatusContainer:hover
{
    background:#00adef ;
    color:#fff !important;
    cursor:pointer;
    border:1px #00aeee solid; 
}
.blogWrapper .leftSideBlog .editLinkContainer{
    display: inline-block;
}
.editLinkContainer a
{
    float:none;
    padding:1px 10px;
    font-weight:bold;
    margin-right:8px;
    margin-bottom:10px;
    color:#00adef ;
    font-size:13px;
    border:1px #ddd solid;
    margin-left: 15px;
}
.editLinkContainer a:hover
{
    background:#00adef ;
    cursor:pointer;
    border:1px #00aeee solid; 
    color:#fff !important;
}

#BlogPostHeading,#FeatureBar,#PostDescription,#PostContent
{
    float:left;
    width:100%;
}
#PostDescription,#PostContent
{
    margin-top:10px;
    font-size:14px;
}
#PostContent
{
    padding:7px 12px;
    border-top:1px #eee dashed;
     border-bottom:1px #eee dashed;
     margin-top:10px;
     background:#f9f9f9;
}
#BlogPostHeading h2
{
    font-size:16px;
    float:left;
    width:100%;
}
#FeatureBar
{
    font-size:12px;
}
#FeatureBar a
{
    padding:3px 5px;
    margin-bottom:10px;
    background:#2a2a2a ;
    color:#fff;
    font-size:12px;
    font-weight:bold;
  
}
.comments
{
    float:left;
    width:100%;
    margin:10px 0px 15px;
    min-height:320px;
}
#CommentFormContainer,#CommentForm
{
    width:100%;
    float:left;
}
.comments label
{
    float:left;
}
.comments textarea
{
     float: left;
    height: 85px;
    margin: 10px 0 5px;
    min-width: 100% !important;
}
.comments input[type="submit"]
{
    margin-left:0px !important;
}
.comments .FormRow
{
    float:left;
    margin-left:5px;
    width:100%;
}
#verdiSection67 h1 + div a
{
     float:left;
    padding:5px 15px;
    font-weight:bold;
    margin-right:8px;
    margin-bottom:10px;
    color:#fff;
    font-size:14px;
    border:1px #00addd solid;
    background:#00adef;
}
#verdiSection67 h1 + div a:hover
{
    background:#2a2a2a;
    cursor:pointer;
     border:1px #2a2a2a solid;
}
iframe body 
{
    background:#fff !important;
}
.blogPostField
{
    float:left;
    width:100%;
    margin-bottom:10px;
}
.tag-container,.comments-container
{
    float:left;
    width:40%;
}
/* Logged in style - Right side*/
#loginFormInner
{
 width:94%;
    padding:1% 3%;
    float:left;
    font-size:12px;
}
.category-container
{
    min-height:500px;
}
.loggedInOptions
{
    margin-left:-13px !important;
    margin-top:5px;
    float:left;
}
.blogWrapper .rightSideBlog .loggedInOptions{
    margin: 60px 0px !important;
    float: none;
}
.loggedInOptions li
{
    margin-bottom:8px;
}
#loginFormInner .formSubmitRow input
{
    margin-left:0px !important;
    float:left;
    font-weight:bold;
    font-size:14px;
}
#loginFormInner h3
{
     float:left;
    margin:0px !important;
     width:94%;
    padding:1% 2% 1%;
    font-size:16px;
     background:#f9f9f9 ;
}
.rowStyle
{
    padding:10px 2%;
    width:96%;
    float:left;
}
.topHeadig h1
{
    float:left;
    margin:0px;
}
.subscribeBtn
{
    background:#00adef;
    width:93%;

    padding:8px 0px;
    text-align:center;
    color:#fff;
    font-family: "Segoe UI", Arial;
    cursor:pointer;
    font-weight:bold;
    margin:0px auto 10px;
}
.newLoginBoxStyle
{
    width:21% !important;
    float:right !important;
}
.mainblog
{
    width:100%;
    float:left;
    padding-bottom:15px;
    border-bottom:1px #ddd dashed;
}
.mainBlogImg
{
    width:50%;
    float:left;
    padding-left:1.6%;
}
.mainBlogImg img
{
    float:left;
    width:100%;
    filter: grayscale(80%);
    transition: all 0.20s ease;
}
.mainBlogImg img:hover
{
    filter: grayscale(0%);
    transition: all 0.20s ease;
    cursor:pointer;
}
.mainBlogTitle
{   
    margin-left:2%;
    width:45%;
    float:left;
}
.mainBlogTitle h2
{
    color:#00adef;
    font-size:38px;
    margin:0px;
    font-family: "Segoe UI", Arial;
    font-weight:100 !important;
}
.mainBlogTitle p
{
    font-size:13px;
    text-align:justify;
    font-family: "Segoe UI", Arial;
}
.readMoreShare
{
    width:100%;
    float:left;
    margin-top:5px;
    margin-bottom: 15px;
}
.readMore
{
    padding:6px 12px 8px;
    font-size:12px;
    background:#00adef;
    color:#fff;
    cursor:pointer;
    float:left; 
    font-family: "Segoe UI", Arial;
}
.socialMediaShare
{
    float:right;
    color:#333;
    font-size:24px;
    position:relative;
    top:-5px;
}
.socialMediaShare .fa:hover
{
    cursor:pointer;
}
.fa-facebook-square:hover
{
    color:#3B5998;
}
.fa-google-plus-square:hover
{
    color:#C13C31;
}
.fa-linkedin-square:hover
{
    color:#0077B5;
}
.fa-twitter-square:hover
{
    color:#1DA1F2;
}
.blogList
{
    width:100%;
    float:left;
    padding-top:3%;
    padding-bottom: 8%;
    margin-bottom:3%;
}
.subBlog
{
    width:100%;
    float:left;
    padding-bottom:25px;
    border-bottom:1px #ddd dashed;
    margin-bottom:15px;
}
.subBlogImg
{
    width:20%;
    float:left;
    padding-left:1.6%;
}
.subBlogImg img
{
    float:left;
    width:100%;
    filter: grayscale(80%);
     transition: all 0.5s ease;
}
.subBlogImg img:hover
{
    filter: grayscale(0%);
    transition: all 0.20s ease;
    cursor:pointer;
}
.subBlogTitle
{   
    margin-left:2%;
    width:75%;
    float:left;
    font-family: "Segoe UI", Arial;
}
.subBlogTitle h2
{
    color:#00adef;
    font-size:24px;
    margin:0px;
    font-family: "Segoe UI", Arial;
    font-weight:100 !important;
}
.subBlogTitle p
{
    font-size:13px;
    text-align:justify;
    margin-top:5px;
    margin-bottom:0px;
    font-family: "Segoe UI", Arial;
}
.latestArticlesHeading h2
{
    margin:0px;
    font-family: "Segoe UI", Arial;
}
.author
{
    color:#666;
    margin-top:0px !important;
    font-family: "Segoe UI", Arial;
    font-style:italic;
    margin:5px 0px !important;
}
.author .date
{
    color:#666;
}
.blogWholeImage
{
    width:100%;
    float:left;
    height:400px;
    background:url(road.jpg) no-repeat 0px;
    background-size:cover;
}
.blogWholeImage h1
{
    color:#fff;
    margin:0px auto;
    text-align:center;
    width:80%;
    text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.91);
    font-family: "Segoe UI", Arial;
    font-size:48px;
    position:relative;
    top:140px;
}
.detailBlogSection
{
    width:100%;
    float:left;
    font-family: "Segoe UI", Arial;
    margin-bottom: 50px;
}
.blogWrapper .leftSideBlog .editBlogPostContainer{
    padding-bottom: 100px;
}
.socialMediaShareVerticle {
    width: 18px;
    color: #333;
    font-size: 21px;
    float: left;
    background: #f2f2f2;
    border: 1px #ddd solid;
    padding: 0px 5px 0px 5px;
    position: fixed;
    top: 23.5%;
    left: 0;
}
.socialMediaShareVerticle .fa:hover
{
    cursor:pointer;
}
.blogContent
{
    width:90%;
    float:left;
    margin-left:20px;  
}
.blogContent p:first-child
{
    margin-top:0px;
}
.blogContent h1
{
    text-align:Center;
}
.blogDetailLatestArticle
{
    margin:20px 10px;
    border-top:1px #ddd dashed;
}
.blogDetailLatestArticle h2
{
    margin:0px 0px 5px; 
}
.latestBlogTitleDetail
{
    font-family: "Segoe UI", Arial;
    font-size:18px;
    margin:10px 0px;
    color:#00adef ;
    font-weight:300 !important;
}
.blogDetailLatestArticle .subBlogImg
{
    padding-left:0px;
}
.blogDetailLatestArticle .author
{
    margin-bottom:10px;
    position:relative;
    top:-7px;
    font-size:11px;
}
.blogDetailLatestArticle .subBlog
{
    margin-right:45px;
    width:20%;
}
.blogDetailLatestArticle .subBlogImg
{
    width:100%;
}
.tags_blog
{
float: left;
margin: 0px;
padding-left: 0px;
width: 100%;
}
.tags_blog li
{
padding: 10px 10px 10px;
float:left;
margin-left:7px;
list-style:none;
}
.tags_blog li:hover
{
  background:#000; 
  color:#00ADEF;
  cursor:pointer;
}

.tagsWrapper
{
float: left;
width: 93.5%;
margin-left: 3%;
position:relative;
top:5px;
}
.blogCategoriesWrapperBottom
{
 float: left;
width: 100%;
background: #ddd;
position: fixed;
bottom: 6% !important;
top: 87.5% !important;
}
.blogImageContainer
{
    margin-left:2%;
}
.logoInner
{
width: 6%;
float: left;
margin-left: 2%;
margin-bottom: 2.5%;
}
.logoInner a
{
    float:left;
    width:100%
}
.logoInner a img
{
    float:left;
    width:100%
}
.page130 .rowStyle {
    padding: 10px 2% 60px;
    width: 87%;
    float: left;
}
#verdiSection818 ul
{
padding-left:5px;
}
#verdiSection818 ul li
{
list-style:none;
margin-bottom:10px;
}
#verdiSection818 ul li a
{
    color:#666;
}
#verdiSection818 ul li a:hover
{
    color:#00adef;
}
#cboxLoadedContent
{
    border-radius:5px;
    background:#f9f9f9;
    height:auto !important;
    border:1px solid #ccc;
}
.loginForgotPWordFormFields 
{
    border-top:1px #ccc dashed;
}
.loginStandardFormFields .formRow label
{
    width:80px;
}
#defaultControl_ctl00_segment654_ctl00_place655_ctl00_newuserPassword
{
    width:55% !important;
}
.directory-item-wrapper h3 a img, .directory-item-wrapper h3 img
{
    height: 35px;
}
#defaultControl_ctl00_segment807_ctl00_place68_ctl00_PostAddContainer
{
    margin-bottom:120px;
}

.gov-cms-logo {
    /*width: 120px;
    height: 75px;*/
    width: 90px;
    height: 60px;
    /*margin-bottom: 3px;*/
    margin-bottom: 12px;
}

.awia-logo {
    width: 150px;
    /*height: 75px;
    margin-bottom: 3px;*/
    margin-bottom: 0px;
}

.gov-cms-footer .footer-logo-gov {
    display: inline-block;
    margin-right: 20px;
}

/*.gov-cms-footer img{
    vertical-align: text-bottom;
}*/

.gov-cms-footer a, .gov-cms-footer .gov-img {
    float: left;
}

.gov-cms-footer .footer-logo-aiwa {
    display: inline-block;
}

.gov-cms-footer .gov-text {
    float: left;
    margin-top: 25px;
}

.gov-cms-footer .gov-text span {
    text-align: left;
    margin-left: 5px;
    float: left;
}

.gov-cms-footer .footer-logo-googlepartner{
    display: inline-block;
    /*margin-left: 10px;*/
    margin-left: -5px;
    transform: scale(0.8);
}

.badge {
    height: 55px;
    width: 150px;
}

.badgePartner, .badgePremier {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 55px;
    width: 150px;
}

/* Cookie and GA consent section */
.cc-banner.cc-bottom{
    z-index: 2000000001 !important;
}

/* Stop reCAPTCHA badge being hidden behind footer element */
.grecaptcha-badge { bottom: 140px !important; }


@media only screen and (max-width:680px) {
#verdiSection55
{
        margin-bottom:160px !important;
}
}

@media only screen and (max-width: 959px) {
    .leftSideBlog
    {
        width:98% !important;
        margin-top:5%;
    }
    .rightSideBlog
    {
        width: 98% !important;
        position: relative;
        min-height:auto;
    }
    .loginStandardFormFields, .loginForgotPWordFormFields
    {
        width:92% !important;
    }
    body
    {
        background:none !important;
    }
    #footer
    {
        /*position:relative !important;*/
        position: fixed;
    }
    #blogCategoriesWrapperBottom
    {
        top:80.5% !important;
    }
    .our-clients-list-wrapper
    {
        height:700px;
    }
    body.page12 #verdiSection283, body.page12 .resizable-content
    {
        background:none !important;
    }
    body.page12 .main-content .main-bg
    {
         height: 350px !important;
    }
    .page12 .main-bg
    {
        float: left;
        width: 100%;
    }
    body.page12 .main-content .resizable-content
    {
        position:relative !important;
        top:160px !important;
    }
    .our-clients-list-wrapper .directoryItem
    {
       height:75% !important;
       margin:0% 30px 30px !important;
       
    }
    .mainBlogImg,.subBlogImg
    {
        width:97% !important;
    }
    .mainBlogTitle
    {
        width:95% !important;
        margin-top:10px;
    }
    .mainBlogTitle h2
    {
        font-size:32px !important;
    }
    .subBlogTitle
    {
        width:95% !important;
        margin-top:10px;
    }
    .blogImageContainer
     {
         width:100%;
         float:left;
     }
     .blogImageContainer img
     {
         width:100%;
         float:left;
         margin-left:-2%;
     }
     .page130 .rowStyle
     {
         padding-bottom:15px !important;
     }
     .blogDetailLatestArticle
     {
         margin-left:5% !important;
     }
     .blogDetailLatestArticle .subBlog {
        margin-right: 10px !important;
        width: 30% !important;
    }
    .subBlog
    {
        margin-top:15px;
    }
    .blogContent
    {
        margin-left:35px !important;
    }
    
    #main #cboxLoadedContent{
        height: 100% !important;
    }
    .loginStandardFormFields .formRow .accountField {
        width: 100% !important;
        display: block !important;
        margin-top: 2px !important;
        margin-left:0px !important;
        max-width: 100% !important;
    }
    .loginStandardFormFields .formRow #defaultControl_ctl00_segment654_ctl00_place655_ctl00_newuserPassword{
        width: 84% !important;
        display: block !important;
        margin-top: 2px !important;
        margin-left:0px !important;
    }
    .loginStandardFormFields .formRow #defaultControl_ctl00_segment4_ctl00_place68_ctl00_newuserPassword{
        width: 97.5% !important;
    }
    .loginStandardFormFields .formRow .passwordField{
        width: 97.5%;
        display: block;
        margin: 0px !important;
    }
    section.nilesh, section.shane, section.shelley,  section.brad, section.ryan, section.mich, section.piniel, section.ana, section.chelsea, section.jeff,  section.marc, section.mark, section.niel
    {
        display:block;
    }
    .bradIndividualMob
    {
        margin-bottom:320px;
    }
}
@media only screen and (max-width: 767px) {
     .our-clients-list-wrapper .directoryItem
    {
       height:50% !important;
    }
    body.page12 .main-content .resizable-content
    {
        top:-50px !important;
    }
    .bradIndividualMob
    {
        margin-bottom:320px;
    }
    div#verdiSection55
    {
        margin-bottom:150px !important;
    }
    #main #footer{
        /*position:relative !important;*/
        position: fixed;
    }
}